<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:wicket="http://wicket.apache.org/"
        xml:lang="en"
        lang="en">
<meta name="Keywords" content="compound effect calculator, waste time"/>
<meta name="Description" content="The Compound Effect Calculator! Discover how much time you waste!"/>
<style type="text/css">

    body {
        background-color: #FFFFB7;
    }
</style>
<body class="body">

<h1>The Compound Effect Calculator</h1>

<h2> How much time you waste? </h2>

<form wicket:id="form">
        <span wicket:id="feedBack">       </span>
    <p>Hours : <input size="2" type="text" wicket:id="hours"/>
      
      <span wicket:id="hoursRadioGroup">
      <wicket:container wicket:id="list">
          <input type="radio" wicket:id="radio">
          <span wicket:id="value">[this is where name will be]</span>
          </input>
      </wicket:container>
      </span>
          <br/>


        Minutes : <input size="4" type="text" wicket:id="minutes"/>
         <span wicket:id="minutesRadioGroup">
           <wicket:container wicket:id="list">
           <input type="radio" wicket:id="radio">
            <span wicket:id="value">[this is where name will be]</span>
             </input>
          </wicket:container>
        </span>
        <br/>
        How many times per week
        <span wicket:id="frequencyRadioGroup">
      <wicket:container wicket:id="list">
          <input type="radio" wicket:id="radio">
          <span wicket:id="value">[this is where name will be]</span>
          </input>
      </wicket:container>
    </span></p>
    <hr/>
    <h2>
        Total wasted time: </h2>

    <p><em>Usable hours per day <span wicket:id="dayLengthRadioGroup">
      <wicket:container wicket:id="list">
          <input type="radio" wicket:id="radio">
          <span wicket:id="value">[this is where name will be]</span>
          </input>
      </wicket:container>
  </span></em></p>
    
    <table width="701" height="103" border="1">
        <tr>
            <td width="123">per week:</td>
            <td width="562"><span wicket:id="wastedTimePerWeek">wastedTimePerWeek</span></td>
        </tr>
        <tr>
            <td>per month:</td>
            <td><span wicket:id="wastedTimePerMonth">wastedTimePerMonth</span></td>
        </tr>
        <tr>
            <td>per year:</td>
            <td><span wicket:id="wastedTimePerYear">wastedTimePerYear</span></td>
        </tr>
        <tr>
            <td>per 10 year:</td>
            <td><span wicket:id="wastedTimePerTenYears">wastedTimePerTenYears</span></td>
        </tr>
    </table>
    <p>&nbsp;</p>

    <p>

    </p>
</form>
</body>
</html>